<ui:composition 
    xmlns="http://www.w3.org/1999/xhtml" 
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:p="http://primefaces.org/ui"
    xmlns:h="http://java.sun.com/jsf/html">
    <h:form id="frmListarUnidadTerritorial">
        <table>
            <tbody>
                <tr>
                    <td>
                        <table width="100%">
                            <tr>
                                <td>
                                    Unidad Territorial:
                                </td>
                                <td>
                                    <p:inputText id="txtUnidadTerritorial" style="width: 240px" 
                                                 maxlength="100" 
                                                 value="#{usuarioController.txtBusquedaUT}">
                                    </p:inputText>
                                </td>
                                <td>
                                    <p:commandButton icon="ui-icon-search" actionListener="#{usuarioController.searchUnidadTerritorial}" 
                                                     update="grdListadoZonal" process="@this, txtUnidadTerritorial">
                                    </p:commandButton>
                                </td>
                            </tr>                                
                        </table>                 
                    </td>
                </tr>
                <tr>
                    <td>
                        <p:dataTable id="grdListadoZonal" 
                                     value="#{usuarioController.lstZonal}" 
                                     var="item" rowKey="#{item}"
                                     selectionMode="single" 
                                     selection="#{usuarioController.selectedZonal}" 
                                     scrollable="true" scrollHeight="200"
                                     rowIndexVar="index"
                                     emptyMessage="Filtro sin resultados.">
                             <p:column width="40" style="text-align: center;" >
                                 <f:facet name="header">
                                     <h:outputText value="Codigo"/>
                                 </f:facet>
                                 <h:outputText value="#{item.codZonal}"/>
                             </p:column>
                             <p:column id="colDominio" width="200" style="text-align: center;width: 200px;" >
                                 <f:facet name="header">
                                     <h:outputText value="Unidad Territorial"/>
                                 </f:facet>
                                 <div style="text-align: left;" > 
                                     <h:outputText value="#{item.txtZonal}" >
                                     </h:outputText>
                                 </div>          
                             </p:column>
                            <p:column width="30" style="text-align:center;width: 30px;">
                                <p:commandButton icon="ui-icon-check"
                                                 actionListener="#{usuarioController.actualizarUTSeleccion(item)}"
                                                 oncomplete="buscaUnidadTerritorial.hide()"  
                                                 style="width:20px; height: 20px;" 
                                                 update=":frmGestionarUsuario:panUsuarios"/>
                            </p:column>
                        </p:dataTable>
                    </td>
                </tr>
                <tr>
                    <td>
                        <p:toolbar style="padding: 3px;">
                            <p:toolbarGroup align="right">
                                <p:commandButton process="@this"  
                                                 value="Cerrar" icon="ui-icon-close" 
                                                 onclick="buscaUnidadTerritorial.hide()" 
                                                 update=":frmGestionarUsuario:panUsuarios"/>
                            </p:toolbarGroup>
                        </p:toolbar>
                    </td>
                </tr>
            </tbody>
        </table>
    </h:form>
</ui:composition>